<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  lang="zh">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <title>主页-工单系统</title>
    <link th:href="@{/css/base.css}" href="../static/css/base.css" rel="stylesheet"/>
    <link th:href="@{/css/platform.css}" href="../static/css/platform.css" rel="stylesheet"/>
    <link th:href="@{/ui/easyui.css}" href="../static/ui/easyui.css" rel="stylesheet"/>
</head>
<body>
<div class="container">
    <div id="pf-hd">
        <div class="pf-logo">
            <img th:src="@{/images/main/main_logo.png}" src="../static/images/main/main_logo.png" alt="logo"/>
        </div>

        <div class="pf-user">
            <div class="pf-user-photo">
                <img th:src="@{/images/main/user.png}" src="../static/images/main/user.png" alt=""/>
            </div>
            <h4 class="pf-user-name ellipsis">uimaker</h4>
            <i class="iconfont xiala">&#xe607;</i>

            <div class="pf-user-panel">
                <ul class="pf-user-opt">
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont">&#xe60d;</i>
                            <span class="pf-opt-name">用户信息</span>
                        </a>
                    </li>
                    <li class="pf-modify-pwd">
                        <a href="http://www.uimaker.com">
                            <i class="iconfont">&#xe634;</i>
                            <span class="pf-opt-name">修改密码</span>
                        </a>
                    </li>
                    <li class="pf-logout">
                        <a href="login.html" th:href="@{/logout}">
                            <i class="iconfont">&#xe60e;</i>
                            <span class="pf-opt-name">退出</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>

    <div id="pf-bd">
        <div id="pf-sider">
            <h2 class="pf-model-name">
                <span class="iconfont">&#xe64a;</span>
                <span class="pf-name">系统菜单</span>
                <span class="toggle-icon"></span>
            </h2>

            <ul class="sider-nav">
                <li class="current">
                    <a href="javascript:;">
                        <span class="iconfont sider-nav-icon">&#xe674;</span>
                        <span class="sider-nav-title">系统管理</span>
                        <i class="iconfont">&#xe642;</i>
                    </a>
                    <ul class="sider-nav-s">
                        <li><a href="javascript:void(0);" th:onclick="openTab('.easyui-tabs1','资源管理','resource/list')">资源管理</a></li>
                    </ul>
                </li>
            </ul>
        </div>

        <div id="pf-page">
            <div class="easyui-tabs1" style="width:100%;height:100%;">
                <div title="首页" style="padding:10px 5px 5px 10px;">
                    <iframe class="page-iframe" th:src="@{/workbench}" src="workbench.html" frameborder="no"   border="no" height="100%" width="100%" scrolling="auto"></iframe>
                </div>
            </div>
        </div>
    </div>

    <div id="pf-ft">
        <div class="system-name">
            <i class="iconfont">&#xe6fe;</i>
            <span>工单系统&nbsp;v1.0</span>
        </div>
        <div class="copyright-name">
            <span>CopyRight&nbsp;2019&nbsp;&nbsp;安徽修补匠科技有限公司&nbsp;版权所有</span>
            <i class="iconfont" >&#xe6ff;</i>
        </div>
    </div>
</div>

<script type="text/javascript" th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js"></script>
<script type="text/javascript" th:src="@{/js/jquery.easyui.min.js}" src="../static/js/jquery.easyui.min.js"></script>
<script type="text/javascript" th:src="@{/js/main.js}" src="../static/js/main.js"></script>
<!--[if IE 7]>
<script type="text/javascript">
    $(window).resize(function(){
        $('#pf-bd').height($(window).height()-76);
    }).resize();

</script>
<![endif]-->
<script type="text/javascript">
    $(function() {
        $('.sider-nav-s li').on('click', function() {
            $(".sider-nav-s li").not(this).removeClass("active");
            $(this).addClass("active");
        });
    });
</script>
</body>
</html>
